Fox's Git Mirrors
kk/test_index.html HEAD (687fd76b) Text, 24.06 KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="reconnecting-websocket.min.js"></script>
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<link rel="shortcut icon" href="faviocn.png" type="image/png">
<script type="text/javascript" src="//vk.com/js/api/openapi.js?139"></script>
<script src="minajax.js"></script>
<title>knock-knock</title>
<style>
#auth {
position: fixed; left:35%; opacity: 1; z-index: 100;
padding: 30px;
background-color: whitesmoke;
}
#auth2{
z-index: -200;
opacity: 0;
}
#parent_popup{
background: #000;height: 100%;opacity: 0.9;position: fixed;width: 100%;z-index: 1000;top: 0;left: 0;
}
</style>
</head>
<body>
<div id="parent_popup">
<div id="auth" class="w3-container w3-card-4">
<p>Нажмите на кнопку "Войти через ВКонтакте" чтобы авторизоваться</p>
<table>
<tr>
<td>
<div style="text-align: center" id="vk_auth"></div>
</td>
<td>
<input id="save" class="w3-checkbox w3-large w3-padding" type="checkbox" checked="checked" style="
-ms-transform: scale(2); /* IE */
-moz-transform: scale(2); /* FF */
-webkit-transform: scale(2); /* Safari and Chrome */
-o-transform: scale(2); /* Opera */
margin: 10px;
padding: 10px;">
<label class="w3-xlarge">Запомнить</label>
<br>
<button class="w3-button w3-black w3-hover-opacity w3-padding w3-margin" onclick="to_lp()">войти при помощи логина и пароля</button>
<br>
<button class="w3-button w3-black w3-hover-opacity w3-padding w3-margin" onclick="reg()">зарегистрироваться при помощи логина и пароля</button>
</td>
<td>
<div>
</div>
</td>
</tr>
</table>
</div>
<div id="auth2" class="w3-container w3-card-4">
<p>Введите логин и пароль</p>
<table>
<tr>
<td>
<input id="login" class="w3-input w3-padding w3-margin" placeholder="логин">
<input type="password" id="password" class="w3-input w3-padding w3-margin" placeholder="пароль">
<div>
<button class="w3-button w3-black w3-hover-opacity w3-padding w3-margin" onclick="login()">войти</button>
<button class="w3-button w3-black w3-hover-opacity w3-padding w3-margin" onclick="to_vk()">войти через ВКонтакте</button>
</div>
</td>
<td>
<input id="save2" class="w3-checkbox w3-large w3-padding" type="checkbox" checked="checked" style="
-ms-transform: scale(2); /* IE */
-moz-transform: scale(2); /* FF */
-webkit-transform: scale(2); /* Safari and Chrome */
-o-transform: scale(2); /* Opera */
margin-left: 30px;
margin-right:10px;
padding: 10px;">
<label class="w3-xlarge">Запомнить</label>
</td>
<td>
</td>
</tr>
</table>
</div>
</div>
<center>
<div class="w3-container w3-card-4 w3-xxxlarge" style="width: 20%">
<h2 align="center">Вы</h2>
<img src="аноним.jpg" class="w3-image w3-opacity-min" style="width:100%">
<div class="w3-container w3-center">
<input class="w3-input" placeholder="ваше имя" id="name" style="margin: 5px;">
</div>
</div>
<div class="w3-bar">
<button class="w3-button w3-black w3-margin w3-padding-large w3-round-large w3-hover-opacity w3-xxxlarge" onclick="clicked()" style="font-size: 30px">Начать</button>
</div>
<div class="w3-bar">
<img id="1" class="w3-button w3-center" onclick="icon('1', '2', '3', 1)" src="anonymous1.png">
<img id="2" class="w3-button w3-center" onclick="icon('2', '1', '3', 2)" src="anonymous2.png">
<img id="3" class="w3-button w3-center" onclick="icon('3', '2', '1', 3)" src="anonimus3.png">
</div>
<div id="id01" class="w3-panel w3-red" style="display: none; width: 50%">
<h2 style="font-size: 50px">Вы не ввели имя!</h2>
<br>
<span onclick="document.getElementById('id01').style.display='none'" class="w3-button w3-left w3-margin w3-xlarge w3-black">Хорошо</span>
</div>
<div id="id02" class="w3-panel w3-red" style="display: none; width: 50%">
<h2 style="font-size: 50px">Вы не выбрали иконку!</h2>
<br>
<span onclick="document.getElementById('id02').style.display='none'" class="w3-button w3-left w3-margin w3-xlarge w3-black">Хорошо</span>
</div>
<div id="id03" class="w3-panel w3-red" style="display: none; width: 50%">
<h2 style="font-size: 50px">Имя слишком длинное! Максимальная длина - 20 символов.</h2>
<br>
<span onclick="document.getElementById('id03').style.display='none'" class="w3-button w3-left w3-margin w3-xlarge w3-black">Хорошо</span>
</div>
<div id="id04" class="w3-panel w3-red" style="display: none; width: 50%">
<h2 style="font-size: 50px">Произошла непредвиденная ошибка, попробуйте снова</h2>
<br>
<span onclick="document.getElementById('id04').style.display='none'" class="w3-button w3-left w3-margin w3-xlarge w3-black">Хорошо</span>
</div>
<div id="id05" class="w3-panel w3-red" style="display: none; width: 50%">
<h2 style="font-size: 50px">Вы забанены в чате! Попробуйте позже</h2>
<br>
<span onclick="document.getElementById('id05').style.display='none'" class="w3-button w3-left w3-margin w3-xlarge w3-black">Хорошо</span>
</div>
<button class="w3-button w3-black w3-margin w3-padding-large w3-round-large w3-hover-opacity w3-xxxlarge" onclick="clicked1()" style="font-size: 30px">стикеры</button>
<br>
<button class="w3-button w3-black w3-margin w3-padding-large w3-round-large w3-hover-opacity w3-xxxlarge" onclick="leave()" style="font-size: 30px">выйти из аккаунта</button>
</center>
<script>
var ic = "1";
function leave() {
stickers = localStorage.getItem("stickers");
localStorage.clear();
localStorage.setItem("stickers", stickers);
location.reload()
}
function login(){
console.log(document.getElementById("save").checked.toString());
minAjax({
url: "https://warm-bayou-37022.herokuapp.com/login",
type: "GET",
data: {
type: "lp",
login: document.getElementById("login").value,
password: document.getElementById("password").value,
save: document.getElementById("save2").checked.toString()
},
success: function (ans) {
if (ans == "false"){
alert("неверный логин!")
}
else if (ans == "incorrect password"){
alert("неверный пароль!")
}
else {
document.getElementById("parent_popup").style = "opacity: 0; z-index:-1;";
document.getElementById("auth").style = "opacity: 0; z-index:-1;";
document.getElementById("auth2").style = "opacity: 0; z-index:-1;";
console.log(ans);
console.log(ans.length);
ans = JSON.parse(ans);
var name = localStorage.getItem("name");
if(name != ""){
document.getElementById("name").value = name;
}
if(parseInt(localStorage.getItem("icon")) == 1){
var obj = document.getElementById("1");
obj.className = "w3-opacaity w3-center"
}
if(parseInt(localStorage.getItem("icon")) == 2){
var obj = document.getElementById("2");
obj.className = "w3-opacaity w3-center"
}
if(parseInt(localStorage.getItem("icon")) == 3){
var obj = document.getElementById("3");
obj.className = "w3-opacaity w3-center";
}
if (ans.length === 5){
localStorage.setItem("uuid", ans[0]);
localStorage.setItem("name", ans[1]);
localStorage.setItem("icon", ans[2]);
console.log(ans[3]);
localStorage.setItem("token", ans[3][0]);
name = ans[1];
ic = ans[2]
}
if (ans.length === 6){
localStorage.setItem("uuid", ans[0]);
localStorage.setItem("cookie", ans[1]);
localStorage.setItem("name", ans[2]);
localStorage.setItem("icon", ans[3]);
console.log(ans[4]);
localStorage.setItem("token", ans[4][0]);
name = ans[2];
ic = ans[3]
}
if(name != ""){
document.getElementById("name").value = name;
}
if(ic == "1"){
var obj = document.getElementById("1");
obj.className = "w3-opacaity w3-center"
}
if(ic == "2"){
var obj = document.getElementById("2");
obj.className = "w3-opacaity w3-center"
}
if(ic == "3"){
var obj = document.getElementById("3");
obj.className = "w3-opacaity w3-center"
}
}
}
});
}
function to_lp(){
document.getElementById("auth").style = "opacity: 0; z-index:-1;";
document.getElementById("auth2").style = " position: fixed; left:35%; opacity: 1; z-index: 100;\\n" +
" padding: 30px;\\n" +
" background-color: whitesmoke;";
}
function to_vk(){
document.getElementById("auth2").style = "opacity: 0; z-index:-1;";
document.getElementById("auth").style = " position: fixed; left:35%; opacity: 1; z-index: 100;\\n" +
" padding: 30px;\\n" +
" background-color: whitesmoke;";
}
function reg (){
location.href = "reg.html"
}
VK.init({apiId: 5815731, onlyWidgets: true});
VK.Widgets.Auth("vk_auth", {
width: "200px", onAuth: function (data) {
console.log(data['hash']);
minAjax({
url: "https://warm-bayou-37022.herokuapp.com/login",
type: "GET",
data: {
type: "vk",
id: data['uid'],
save: document.getElementById("save").checked.toString()
},
success: function (ans) {
if (ans === "false") {
minAjax({
url: "https://warm-bayou-37022.herokuapp.com/reg",
type: "POST",
data: {
type: "vk",
id: data['uid'],
info: [data['first_name'], data['last_name']].toString(),
name: ""
},
success: function (ans) {
if (ans === "success") {
document.getElementById("parent_popup").style = "opacity: 0; z-index:-1;";
document.getElementById("auth").style = "opacity: 0; z-index:-1;"
}
else {
alert("произошла ошибка попробуйте еще раз")
}
}
});
}
else {
document.getElementById("parent_popup").style = "opacity: 0; z-index:-1;";
document.getElementById("auth").style = "opacity: 0; z-index:-1;";
console.log(ans);
console.log(ans.length);
ans = JSON.parse(ans);
var name = localStorage.getItem("name");
if(name != ""){
document.getElementById("name").value = name;
}
if(parseInt(localStorage.getItem("icon")) == 1){
var obj = document.getElementById("1");
obj.className = "w3-opacaity w3-center"
}
if(parseInt(localStorage.getItem("icon")) == 2){
var obj = document.getElementById("2");
obj.className = "w3-opacaity w3-center"
}
if(parseInt(localStorage.getItem("icon")) == 3){
var obj = document.getElementById("3");
obj.className = "w3-opacaity w3-center";
}
if (ans.length === 5){
localStorage.setItem("uuid", ans[0]);
localStorage.setItem("name", ans[1]);
localStorage.setItem("icon", ans[2]);
console.log(ans[3]);
localStorage.setItem("token", ans[3][0]);
name = ans[1];
ic = ans[2]
}
if (ans.length === 6){
localStorage.setItem("uuid", ans[0]);
localStorage.setItem("cookie", ans[1]);
localStorage.setItem("name", ans[2]);
localStorage.setItem("icon", ans[3]);
console.log(ans[4]);
localStorage.setItem("token", ans[4][0]);
name = ans[2];
ic = ans[3]
}
if(name != ""){
document.getElementById("name").value = name;
}
if(ic == "1"){
var obj = document.getElementById("1");
obj.className = "w3-opacaity w3-center"
}
if(ic == "2"){
var obj = document.getElementById("2");
obj.className = "w3-opacaity w3-center"
}
if(ic == "3"){
var obj = document.getElementById("3");
obj.className = "w3-opacaity w3-center"
}
}
}
});
}
});
</script>
<script>
function guid() {
function s4() {
return Math.floor((1 + Math.random()) * 0x10000)
.toString(16)
.substring(1);
}
return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
}
function clicked1() {
location.href = "stickers.html"
}
function clicked() {
minAjax({
url: "https://warm-bayou-37022.herokuapp.com/is_banned",
type: "GET",
data:{
id: localStorage.getItem("uuid")
},
success: function (ans) {
if (ans == "false" || ans == false){
var pass = false;
var name = document.getElementById("name").value;
console.log(document.getElementById("name"));
console.log(localStorage.getItem("icon"));
console.log(typeof localStorage.getItem("icon"));
if(name.length <= 20) {
localStorage.setItem("name", name);
minAjax({
url: "https://warm-bayou-37022.herokuapp.com/update",
type: "POST",
data:{
column: "name",
id: localStorage.getItem("uuid"),
value: localStorage.getItem("name")
},
success: function (ans) {
//alert(ans == "success");
if(ans == "success"){
pass = true;
if(document.getElementById("name").value !== "" && typeof localStorage.getItem("icon") !== "object" && pass === true && localStorage.getItem("icon") !== "None"){
location.href = "chat.html"
}
if (document.getElementById("name").value === ""){
document.getElementById('id01').style.display='block'
}
if (typeof localStorage.getItem("icon") === "object" || localStorage.getItem("icon") === "None"){
document.getElementById('id02').style.display='block'
}
}
}
});
}
else {
document.getElementById('id03').style.display='block'
}
}
else{
document.getElementById('id05').style.display='block'
}
}
});
}
function icon(id,id2, id3, num) {
var obj = document.getElementById(id);
obj.className = "w3-opacaity w3-center";
var other1 = document.getElementById(id2);
var other2 = document.getElementById(id3);
other1.className = "w3-button w3-center";
other2.className = "w3-button w3-center";
minAjax({
url: "https://warm-bayou-37022.herokuapp.com/update",
type: "POST",
data:{
column: "icon",
id: localStorage.getItem("uuid"),
value: num
},
success: function (ans) {
if(ans == "success"){
localStorage.setItem("icon", num);
}
else {
alert("произошла ошибка. попробуйте еще раз")
}
}
});
}
window.onload = function () {
if (localStorage.getItem("error") === "true"){
document.getElementById('id04').style.display='block'
}
localStorage.setItem("error", false);
minAjax({
url: "https://warm-bayou-37022.herokuapp.com/check",
type: "GET",
data:{
cookie: localStorage.getItem("cookie"),
id: localStorage.getItem("uuid")
},
success: function (ans) {
if (ans !== 'false'){
document.getElementById("parent_popup").style = "opacity: 0; z-index:-1;";
document.getElementById("auth").style = "opacity: 0; z-index:-1;";
console.log(ans);
console.log(ans.length);
ans = JSON.parse(ans);
if (ans.length === 5){
localStorage.setItem("uuid", ans[0]);
localStorage.setItem("name", ans[1]);
localStorage.setItem("icon", ans[2]);
console.log(ans[3]);
localStorage.setItem("token", ans[3][0]);
name= ans[1];
ic= ans[2]
}
if (ans.length === 6) {
localStorage.setItem("uuid", ans[0]);
localStorage.setItem("cookie", ans[1]);
localStorage.setItem("name", ans[2]);
localStorage.setItem("icon", ans[3]);
console.log(ans[4]);
localStorage.setItem("token", ans[4][0]);
name= ans[2];
ic = ans[3]
}
if(name != ""){
document.getElementById("name").value = name;
}
if(ic == "1"){
var obj = document.getElementById("1");
obj.className = "w3-opacaity w3-center"
}
if(ic == "2"){
var obj = document.getElementById("2");
obj.className = "w3-opacaity w3-center"
}
if(ic == "3"){
var obj = document.getElementById("3");
obj.className = "w3-opacaity w3-center"
}
}
}
});
var name = localStorage.getItem("name");
console.log(name);
if(name != ""){
document.getElementById("name").value = name;
}
if(parseInt(localStorage.getItem("icon")) == 1){
var obj = document.getElementById("1");
obj.className = "w3-opacaity w3-center"
}
if(parseInt(localStorage.getItem("icon")) == 2){
var obj = document.getElementById("2");
obj.className = "w3-opacaity w3-center"
}
if(parseInt(localStorage.getItem("icon")) == 3){
var obj = document.getElementById("3");
obj.className = "w3-opacaity w3-center"
}
console.log(JSON.parse(localStorage.getItem("stickers")));
console.log(JSON.parse(localStorage.getItem("stickers")) == []);
console.log(localStorage.getItem("stickers") == "[]");
if(JSON.parse(localStorage.getItem("stickers")) == null || localStorage.getItem("stickers") == "[]"){
localStorage.setItem("stickers", JSON.stringify(["https://vk.com/images/stickers/3/128.png", "https://vk.com/images/stickers/2/128.png", "https://vk.com/images/stickers/1/128.png"]))
}
}
</script>
</body>
</html>
Served by rngit 1.5.0 - Generated in 0.02s